/**
 * Created by Administrator on 2017/9/18.
 */
//页面加载完之后执行
$(function(){

    /*顶部图片关闭按钮*/
    var oClose = document.getElementById('close');
    oClose.onclick =function(){
        oClose.parentNode.style.display="none";
    }
    //搜索框
    $(".text").on("focus",function(){
        $(this).val("");
    })
    $(".text").on("blur",function(){
        $(this).val("请输入商品名称,支持拼音搜索");
    })

    /*菜单栏显示*/
    /*进入时*/
    $(".menuBox .menuList>li").on("mouseenter",function(){
        $(this).find("i").stop().animate({"margin-left":10},300).end().css("background","#a90000").children("p").children("a").css("color","#fff");
        $(".conBox").eq($(this).index()).css({"display":"block"}).stop().animate({paddingLeft:15,"opacity":0.98},300);
        $()
    })
    /*离开时*/
    $(".menuBox .menuList>li").on("mouseleave",function(){
        $(this).find("i").stop().animate({"margin-left":0},300).end().css("background","#cb3e25").children("p").children("a").css("color","#eca598");
        $(".conBox").eq($(this).index()).css({"display":"none"}).stop().animate({paddingLeft:0,"opacity":0.5},300);
    })

    // 导航栏的指针
    //鼠标放上
    $(".nav-list>li").on("mouseenter",function(){
        var num=0;
        var inDex =$(this).index();
        var wid = $(this).find("a").width();
        $(".nav-list>li").eq(0).children("a").css("color","#666");
        //指到首页时
        if(inDex==0){
            $(".uline").animate({"left":0,"width":wid});
        }
        $(".nav-list>li").each(function(index,ele){
            num += ele.offsetWidth;
           if(index == inDex-1){
                $(".uline").stop().animate({"left":num,"width":wid},200);
            }
        })
    })
    // 鼠标拿开
    $(".nav-list").on("mouseleave",function(){
        $(".uline").animate({"left":0,"width":32});
        $(".nav-list>li").eq(0).children("a").css("color","#CB351A");
    })


    //整点抢
    $(".b1>i").eq(0).css("left",13)
    $(".b1>i").eq(1).css("left",33)
    $(".b1>i").eq(2).css("left",53)
    $(".b2>i").eq(0).css("left",13)
    $(".b2>i").eq(1).css("left",33)
    $(".b2>i").eq(2).css("left",53)
    var timer = setInterval(function(){
        $(".b1>i").eq(0).animate({"top":-36},700,function(){
            $(this).css("top",0);
        });
        $(".b1>i").eq(1).animate({"top":-36},800,function(){
            $(this).css("top",0);
        });
        $(".b1>i").eq(2).animate({"top":-36},900,function(){
            $(this).css("top",0);
        });
        $(".b2>i").eq(0).animate({"top":-36},700,function(){
            $(this).css("top",36)
        });
        $(".b2>i").eq(1).animate({"top":-36},800,function(){
            $(this).css("top",36)
        });
        $(".b2>i").eq(2).animate({"top":-36},900,function(){
            $(this).css("top",36)
        });
    },2000)



    //banner 轮播 中间图像
    var count=-1;
    var imgIndex;
    var bgColor =["rgb(181,129,204)","rgb(217,241,253)","rgb(254,228,229)","rgb(243,219,253)","rgb(254,226,212)"];
       var bannerTimer = setInterval(autoplay,4500);
    function autoplay (){
        count++;
        if(count == 5){
            count=0;
        }
        $(".main").css("background",bgColor[count]);
        $(".main-banner img").css("zIndex",0).removeClass().eq(count).css("zIndex",900).addClass("active");
        $(".small-b>li").css("top",0).eq(count).css("top",-8)

    }
    //banner 中间小图 被鼠标悬停

    $(".small-b>li").on("mouseenter",function(){
        clearInterval( bannerTimer);
        imgIndex=$(this).index();
        count=imgIndex;
        $(this).css("top",-8);
        $(this).siblings().css("top",0);
        $(".main").css("background",bgColor[count]);
        $(".main-banner img").css("zIndex",0).removeClass().eq(count).css("zIndex",900).addClass("active");
    });
    $(".small-b>li").on("mouseleave",function(){
        bannerTimer = setInterval(autoplay,4500);
    })

    // 整点抢内容添加

    $.ajax({
        "url":"../json/data.json",
        success:function(res){

            //整点抢Tab栏切换

            $(".timeTit li").eq(0).css("background","#cb351a");
            $(".timeTit li").on("click",function(){

                $(this).css("background","#cb351a").siblings().css("background","").removeClass("current");
                $(this).children("a").css("color","#fff").end().siblings().children("a").css("color","");
                $(this).append("<i></i>");
                $(this).siblings().find("i").remove();

            })

            loding(1,res);
            var num=1;
            //小按钮next
            $(".timeCon .next").on("click",function(){
                num++;
                if(num==8){
                    num=1;
                }
                $(".timeCon .bt>.read").text(num);
                loding(num,res);
            });
            //小按钮prev
            $(".timeCon .prev").on("click",function(){
                num--;
                if(num==0){
                    num=7;
                }
                $(".timeCon .bt>.read").text(num);
                loding(num,res);
            });
            //旁边按钮
            $(".timeCon .asidePrev").on("click",function(){
                num--;
                if(num==0){
                    num=7;
                }
                $(".timeCon .bt>.read").text(num);
                loding(num,res);
            });

            $(".timeCon .asideNext").on("click",function(){
                num++;
                if(num==8){
                    num=1;
                }
                $(".timeCon .bt>.read").text(num);
                loding(num,res);
            })




        }

    });


    /**今日精选**/

    //赋值
    $.ajax({
        url:"../json/today.json",
        success:function(res){
            for(var i=0;i<res.day.length;i++){
                $(" .todayShop .textCon>ul").append("<li><a href='goods.html?path=../json/today.json&index="+i+"'><img/><div></div><p class='price'>￥<b><i></i><em><span>价格<del></del></span></em></b></p><p class='tescol-btn'><span class='t-btn'>马上抢<i></i></span><span class='t-num'>已售&nbsp;</span></p></a></li>")
            }
            $(" .todayShop .textCon>ul>li").each(function(index,ele){

                // console.log(index, ele);
                $(ele).find("img").prop("src",res.day[index].bg);
                $(ele).find("div").text(res.day[index].t);
                $(ele).find("b").children("i").text(res.day[index].price);
                $(ele).find("del").text("￥"+res.day[index].oprice);
                $(ele).find(".t-num").text("已售 "+res.day[index].num+"件");
            })
        }
    })



//天天特卖

//赋值
    $.ajax({
        "url":"../json/dayday.json",
        success:function(res){
            for(var i=0;i<res.day.length;i++){
                $("#sale .dayCon>ul").append("<li><a href='goods.html?path=../json/dayday.json&index="+i+"'><img /></a><div><h3><p></p><p class='limit'></p></h3><span><b></b>折起</span></div></li>")
            }

            $("#sale .dayCon>ul>li img").on("mouseenter",function(){
                $(this).css("transform","scale(1.1)")
            })
            $("#sale .dayCon>ul>li img").on("mouseleave",function(){
                $(this).css("transform","scale(1)")
            })


            $("#sale .dayCon>ul>li").each(function(index,ele){
                $(ele).find("img").prop("src",res.day[index].src);
                $(ele).find("h3").children().eq(0).text(res.day[index].title);
                $(ele).find("span").children("b").text(res.day[index].discount);
            })
        }
    });

    //动画效果
    // $("#sale").on("mouseenter","#sale .dayCon ul>li img",function(){
    //     console.log(1);
    //     $(this).children().css("transform","scale(1.1)")
    // })
    // $("#sale .dayCon>ul>li img").on("mouseleave",function(){
    //     $(this).css("transform","scale(1)")
    // })

//猜你喜欢



    //赋值
    $.ajax({
        "url":"../json/like.json",
        success:function(res){

            for(var i=0;i<res.day.length;i++){
                $("#like .likeCon>ul").append("<li><a href='goods.html?path=../json/like.json&index="+i+"' ><img ><div class='name'></div><p class='price'>￥<b></b><s>价格<del></del></s></p></a></li>");
            }
            //点击取值
            $("#like .likeCon>ul li").each(function(index,ele){
                $(ele).prop("flag","true");
                $(ele).on("mouseenter",function(){
                    if($(ele).prop("flag") == "true"){
                        $(ele).prop("flag","false");
                        var $h = $(this).children("a").prop("href");
                        var num = $(this).parents("#like").find(".read").text();
                        console.log(num);
                        $(this).children("a").prop("href",$h+"&num="+num);
                    }
                })
            });

            loding2(1,res);

            var num=1;
            //小按钮next
            $(".conT .next").on("click",function(){
                console.log(1111);
                num++;
                if(num==11){
                    num=1;
                }
                $(".conT .bt>.read").text(num);
                loding2(num,res);
            });
            //小按钮prev
            $(".conT .prev").on("click",function(){
                num--;
                if(num==0){
                    num=10;
                }
                $(".conT .bt>.read").text(num);

                loding2(num,res);
            });
            //旁边按钮
            $(".likeCon .asidePrev").on("click",function(){
                num--;
                if(num==0){
                    num=10;
                }
                $(".conT .bt>.read").text(num);
                loding2(num,res);
            });

            $(".likeCon .asideNext").on("click",function(){
                num++;
                if(num==11){
                    num=1;
                }
                $(".conT .bt>.read").text(num);
                loding2(num,res);
            })
        }
    });



    /**楼层**/
// 复制

    for(var i=0;i<8;i++){
        var $f = $(".floor").eq(0).clone(true);
        $(".floorBox").append($f);
    }
    $(".floor").each(function(index,ele){
        // console.log(1);
        $(ele).find(".midImg").children("a").prop("href","goods.html?path=../json/floor.json&index="+index+"");
        // console.log($(ele).find(".midImg").children("a"));
    });

    //填数据
    $.ajax({
        url:"../json/floor.json",
        success:function(res){

            $(".floor").each(function(index,ele){
                var idx = index;
                var el =ele;
                $(ele).find(".floorT").children("b").text(res.day[index].num);
                $(ele).find(".floorT").children("span").text(res.day[index].h3);
                $(ele).find(".floorT").css("background",res.day[index].bgcolor);
                $(ele).find(".floorT").css("border-color",res.day[index].bdcolor);
                $(ele).find(".list").html("<a></a>");
                //list 填写
                for(var i=0;i<res.day[index].list.length;i++){
                    var $a =  $(ele).find(".list>a").eq(0).clone(true);
                    $(ele).find(".list").append($a);
                }
                $(ele).find(".list>a").each(function(index,ele){
                    $(ele).text(res.day[idx].list[index]);

                    //list 鼠标悬停
                    var color;
                    $(ele).on("mouseenter",function(){
                        color = $(this).css("color");
                        $(this).css("color",res.day[idx].bgcolor);
                    });
                    $(ele).on("mouseleave",function(){
                        $(this).css("color",color);
                    });
                });

                $(ele).find(".list>a").eq(0).css("color",res.day[idx].bgcolor);
                $(ele).find(".list>a").eq(5).css("color",res.day[idx].bgcolor);
                $(ele).find(".list>a").eq(7).css("color",res.day[idx].bgcolor);
                $(ele).find(".list>a").eq(10).css("color",res.day[idx].bgcolor);
            //轮播图
                $(ele).find(".br-list>li").each(function(index,ele){
                    var idx2 =index;
                    $(ele).children("a").each(function(index,ele){
                        $(ele).find("img").prop("src",res.day[idx].lunbo[idx2][index]);
                    })
                });
                //自动轮播
                var x = "timer"+index;
              var x=setInterval(function(){
                    $(ele).find(".br-list").animate({"left":-180},500,"linear",function(){
                        var $new = $(this).children().eq(0).clone();
                        $(this).children().eq(0).remove();
                        $(this).append($new);
                        $(this).css("left",-90);
                    });
                },2500);
                //悬停暂停
                $(ele).find(".roasting").on("mouseenter",function(){
                    clearInterval(x);
                });
                $(ele).find(".roasting").on("mouseleave",function(){
                    x=setInterval(function(){
                        $(ele).find(".br-list").animate({"left":-180},500,"linear",function(){
                            var $new = $(this).children().eq(0).clone();
                            $(this).children().eq(0).remove();
                            $(this).append($new);
                            $(this).css("left",-90);
                        });
                    },2500);
                });

                //点击切换

                $(ele).find(".roasting .next").on("click",function(){
                    $(this).parents(".roasting").find(".br-list").animate({"left":-180},500,"linear",function(){
                        var $new = $(this).children().eq(3).clone();
                        $(this).children().eq(3).remove();
                        $(this).prepend($new);
                        $(this).css("left",-90);
                    });
                });
                $(ele).find(".roasting .prev").on("click",function(){
                    $(this).parents(".roasting").find(".br-list").animate({"left":0},500,"linear",function(){
                        var $new = $(this).children().eq(0).clone();
                        $(this).children().eq(0).remove();
                        $(this).append($new);
                        $(this).css("left",-90);
                    });
                });

                // midImg
                $(ele).find(".midImg .topImg>img").prop("src",res.day[index].midImg[0]);
                $(ele).find(".midImg .botImg>img").prop("src",res.day[index].midImg[1]);

                //midCon
                $(ele).find(".midCon .topImg>img").prop("src",res.day[index].midCon[0]);
                $(ele).find(".midCon .botImg>img").prop("src",res.day[index].midCon[1]);

                //rightCon
                $(ele).find(".rightCon>a").eq(0).children().prop("src",res.day[index].right[0]);
                $(ele).find(".rightCon>a").eq(1).children().prop("src",res.day[index].right[1]);
                $(ele).find(".rightCon>a").eq(2).children().prop("src",res.day[index].right[2]);

                //background-position
                $(ele).find(".floorT").children("b").css("background-position",res.day[index].bp);
            })

            // $(".floor").each(function(index,ele){
            //
            // })




        }
    })

/**晒单区效果***/
    // $(".sunaCon").
    // 自动播放
   var timers = setInterval(autoplay1,2000);

    function autoplay1(){
        $(".sunaCon").stop(true,true).animate({"left":-460},300,"linear",function(){
            var $new = $(this).find("ul").eq(0).clone();
            $(this).append($new);
            $(this).find("ul").eq(0).remove();
            $(this).css("left",-230);

        })
    }

    //鼠标放入暂停
    $(".sunArea").on("mouseenter",function(){
        clearInterval(timers);
    });
    $(".sunArea").on("mouseleave",function(){
        timers = setInterval(autoplay1,2000);
    });

    //点击切换
    $(".sunArea .conT .prev").on("click",function(){
        $(".sunaCon").stop(true,true).animate({"left":-460},300,"linear",function(){
            var $new = $(this).find("ul").eq(0).clone();
            $(this).append($new);
            $(this).find("ul").eq(0).remove();
            $(this).css("left",-230);

        })
    });

    $(".sunArea .conT .next").on("click",function(){
        $(".sunaCon").stop(true,true).animate({"left":0},300,"linear",function(){
            var $new = $(this).find("ul").eq(3).clone();
            $(this).find("ul").eq(3).remove();
            $(this).prepend($new);
            $(this).css("left",-230);

        })
    });


    /**底部列表创建***/
    $(".bot .botCon").html("<div class='colist'><p></p><ul><li><a href='#'></a></li><li><a href='#'></a></li><li><a href='#'></a></li><li><a href='#'></a></li><li><a href='#'></a></li><li><a href='#'></a></li></ul><div><a href='#'></a></div></div>")

    //克隆

    for(var i=0;i<5;i++){
        var $div =  $(".bot .botCon>div").eq(0).clone(true);
        $(".bot .botCon").append($div);
    }

//填数据
    $.ajax({
        url:"../json/bot.json",
        success:function(res){
            $(".bot .botCon>div").each(function(index,ele){
                var dex = index;
                $(ele).find("p").css("background-position",res.bot[index].bp);
                $(ele).find("ul").children().each(function(index,ele){
                    $(ele).children().text(res.bot[dex].con[index]);
                });
                $(ele).find("div").children().text(res.bot[index].text);
            })
        }
    });


    // <!--滚到一定位置时出现浮动搜索框 end    1900-->
   $(window).on("scroll",function(){
       // console.log($(window).scrollTop());
       var x = Number($(".todayShop").offset().top)+Number($(".todayShop").height());

       if($(document).scrollTop()>=x){
                $(".flyBox").css({"height":40});
           }else{
           $(".flyBox").css({"height":0});
       }

       $(".flyBox").find(".txt").on("focus",function(){
           $(this).val("");
       })
       $(".flyBox").find(".txt").on("blur",function(){
           $(this).val("请输入商品名称，支持拼音搜索");
       })


      //  if($(document).scrollTop()>=x){
      //      $(".flyBox").stop().animate({"height":40},300,"linear",function(){
      //          $(".flyBox").css("height",40);
      //      });
      // }
      // if($(window).scrollTop()<x){
      //     $(".flyBox").stop().animate({"height":0},300,"linear");
      // }
   })


   // <!--侧边按钮跳转-->

    //判断
    $(window).on("scroll",function(){
        // console.log($(document).scrollTop());
        if($(document).scrollTop()>3600){
           $(".nav-wrap").css({"top":200,"position":"fixed"})
        }
        if($(document).scrollTop()<3600){
            $(".nav-wrap").css({"top":"","position":""})
        }

        if($(document).scrollTop()>8780){
            console.log(1);
            $(".nav-wrap").css({"top":8780,"position":"absolute"});
        }

    });
    var timerT = setInterval(auto,10);
    function auto(){
        var temp = $(document).scrollTop();
        if(temp > 3062){
            $(".nav-wrap>a").eq(parseInt((temp - 3062) / 491)).find("font").addClass("font").end().siblings().find("font").removeClass("font");
        }
    }


    //跳转
    $(".nav-wrap>a").on("click",function(){
        clearInterval(timerT);
        $(this).find("font").addClass("font").end().siblings().find("font").removeClass("font");
        //加stop强制结束上一段动画
        $("html,body").stop(true, false).animate({"scrollTop" : $(".floor").eq($(this).index()).offset().top-50}, 500, function(){
            timerT = setInterval(auto, 10);
        });

    });


    //右边列表

    $(".cart-list ul").find(".kf").siblings().on("mouseenter",function(){
        $(this).find(".chu").stop().animate({"left":"-80","width":"80"});
    });
    $(".cart-list ul").find(".kf").on("mouseenter",function(){
        $(this).find(".kftc").stop().animate({"left":"-210","width":"210"})
    });
    $(".cart-list ul").find(".kf").siblings().on("mouseleave",function(){
        $(this).find(".chu").stop().animate({"left":"","width":""});
    });
    $(".cart-list ul").find(".kf").on("mouseleave",function(){
        $(this).find(".kftc").stop().animate({"left":"","width":""})
    });

    $(".cart-list ul").find(".erweima").on("mouseenter",function(){
        $(this).find(".chu").stop().animate({"left":"-240","width":"240"});
    });
    $(".cart-list ul").find(".kf").on("mouseleave",function(){
        $(this).find(".chu").stop().animate({"left":"","width":""})
    });

    // 购物车
    // 点击

    var gouNum=0;
    $(".cart").on("click",function(){
        gouNum++;
        if(gouNum%2!=0){
            $(".cart").children("a").eq(1).css("background","#ca3619");
            $(".rightBox").animate({"right":"0"});
        }else{
            $(".cart").children("a").eq(1).css("background","");
            $(".rightBox").animate({"right":"-280"});
        }

    });


    //回到顶部
    $(".back").on("click",function(){
        $("html,body").animate({"scrollTop":0});
    });



    //获取登录信息
    var str = $.cookie("user");
    if(str){
        $("#user").on("click",function(){
            window.location.href="shopping.html";
        });
        $("#action").on("click",function(){
            // window.location.href="login.html";
            $("#user").text("请登录");
            $("#action").text("免费注册");
            $.removeCookie("user");
            $.removeCookie("goods");
            window.history.go(0);
        });
        var obj = JSON.parse(str);
        $("#user").text(obj.uname);
        $("#action").text("退出");
    }else{
        $("#user").on("click",function(){
            window.location.href="login.html";
        });
        $("#action").on("click",function(){
            window.location.href="reg.html";
            $.removeCookie("user");
        });
    }




    //刷新时加载购物车内容
    var goodslist = $.cookie("goods");

    if(goodslist){
        $(".nopublic").html("");
        var listobj = JSON.parse(goodslist);

        for(var i = 0; i < listobj.length; i++){

            $(".nopublic").append("<div class='newCon'><img src='"+listobj[i].path+"' alt=''><a href='#'>"+listobj[i].name+"</a><p>价格："+listobj[i].price+"</p><div>数量："+listobj[i].sum+"</div></div>")

        }
    }

    //购物车数量变化
    $(".cart-num").text($(".newCon").length);



    //去购物车
    $(".goodsBtn a").on("click",function(){
        //判断如果登录了
        if($("#action").text()=="退出"){
            //上传cookie数据到数据库
            var goodslist = $.cookie("goods");
            //如果cookie存在
            if(goodslist){
                var listobj = JSON.parse(goodslist);
                var datax = {"uname":$("#user").text(),"goods":listobj};
                console.log(datax);
                $.ajax({
                    url:"http://localhost/1706/myitem/change.php",
                    data:datax,
                    type:"post",
                    dataType:"json",
                    success:function(res){
                        window.location.href = "shopping.html";
                        $.removeCookie("goods");
                    }
                });
            }else{
                // cookie不存在
                window.location.href = "shopping.html";
            }
        }
        else{
            window.location.href = "login.html";
        }
    })

});

/**整点抢加载函数封装**/
function loding(num,res){
    $(".timeCon>.conBox1 ul>li").each(function(index,ele){
        $(ele).find("img").attr("src",res.clock_9[num-1][index].bgSrc);
        $(ele).find(".name").children().text(res.clock_9[num-1][index].title);
        $(ele).find(".tahoma").text(res.clock_9[num-1][index].price);
        $(ele).find("del").text("￥"+res.clock_9[num-1][index].Oprice);
    })
}
/**猜你喜欢加载函数**/
function loding2(num,res){
    $("#like .likeCon>ul>li").each(function(index,ele){
        $(ele).find("img").prop("src",res.day[num-1][index].src);
        $(ele).find(".name").text(res.day[num-1][index].title);
        $(ele).find("b").text(res.day[num-1][index].price);
        $(ele).find("del").text(res.day[num-1][index].oprice)
    })
}



